import Taro, { Config } from '@tarojs/taro'
import { Navigator, Progress, Swiper, SwiperItem, Text, View } from '@tarojs/components'
import { AtAvatar, AtButton, AtRate, AtSearchBar, AtTabs, AtTabsPane } from "taro-ui";

import './find.scss'
import appConfig, { PAGE_URLS } from './../../app.config';
import SwiperCover from "../../components/SwiperCover/SwiperCover";
import ProgressBar from "../../components/ProcessBar/ProgressBar";
import AvatarList from "../../components/AvatarList/AvatarList";
import Recommend from "./recommend/recommend";
import CardRow from "../../components/CardRow/CardRow";
import FlexView from "../../components/FlexView/FlexView";
import SplitLine from "../../components/SplitLine/SplitLine";
import GroupPanel from "../../components/GroupPanel/GroupPanel";
import HorizonList from "../../components/GroupPanel/HorizonList/HorizonList";

interface FState {
    value: string;
    current: number;
    spCurrent: number;
}

export default class Find extends Taro.Component {

    /**
     * 指定config的类型声明为: Taro.Config
     *
     * 由于 typescript 对于 object 类型推导只能推出 Key 的基本类型
     * 对于像 navigationBarTextStyle: 'black' 这样的推导出的类型是 string
     * 提示和声明 navigationBarTextStyle: 'black' | 'white' 类型冲突, 需要显示声明类型
     */
    config: Config = {
        navigationBarTitleText: '发现'
    };

    state = {
        value: '',
        current: 0,
        spCurrent: 0
    } as FState;

    constructor() {
        super();
        this.state = {
            value: '',
            current: 0,
            spCurrent: 0
        }
    }

    componentWillMount() {
    }

    componentDidMount() {
    }

    componentWillUnmount() {
    }

    componentDidShow() {
    }

    componentDidHide() {
    }

    onChange = (value) => {
        this.setState({
            value: value
        })
    };

    onActionClick = () => {
        console.log('开始搜索')
    };

    handleClick = (value) => {
        this.setState({
            current: value
        })
    };

    onSwiperChange = ($event) => {
        this.setState({
            spCurrent: $event.detail.current
        })
    };

    onItemClick = () => {
        // go detail
    };

    getLoading = () => {
        // get data && return true
        return false;
    };

    onReload = () => {
        // reload
    };

    render() {
        const list = [
            {
                "id": "120000197810213032",
                "title": "员例口才",
                "cover": "https://edu-image.nosdn.127.net/fc50295f4f7245f6bc48a091eb7d6e31.jpg"
            }, {
                "id": "320000198601012279",
                "title": "任手相几单界",
                "cover": "https://edu-image.nosdn.127.net/fc50295f4f7245f6bc48a091eb7d6e31.jpg"
            }, {
                "id": "510000197302230971",
                "title": "之值然为",
                "cover": "https://edu-image.nosdn.127.net/82dac410-8ef9-44f4-8f89-fab7e3aeb82a.jpg"
            }, {
                "id": "360000200804092763",
                "title": "不这变样",
                "cover": "https://edu-image.nosdn.127.net/fc50295f4f7245f6bc48a091eb7d6e31.jpg"
            }];

        const recommendList = [
            {
                "id": "220000200907033757",
                "cover": "https://user-gold-cdn.xitu.io/2018/12/24/167df457c3d66fbd",
                "title": "派主们白义",
                "desc": "构象治共作劳按着团热选系有团米且。基路称都酸年商报平打律制青。平效角且保会参影己他准适西第。组示路出利对题况广不为等定。象层影说习原过计每员都收却增。",
                "user": "田刚",
                "grade": 1.9,
                "read_count": 8334
            }, {
                "id": "650000199610111173",
                "cover": "https://user-gold-cdn.xitu.io/2018/6/26/1643b682a5be1090?imageslim",
                "title": "民严级须红",
                "desc": "路志道县该治次住你面和百不并或样增影。白来处北力西车红产型识加发说。规温东应细为四严色况向区情元用高件。军转前却照作开革接群来什备同。段育道被张六题装看思处真。",
                "user": "朱超",
                "grade": 3.5,
                "read_count": 1956
            }, {
                "id": "310000200102266563",
                "cover": "https://user-gold-cdn.xitu.io/2018/9/11/165c7a188e490e48",
                "title": "九复们五",
                "desc": "转周半基名行土儿拉件号四。极离了口得如三交大意农强局相什没。展变何际类根到报况济明交值每来。阶土那因作区水长思口克子即直基王几。",
                "user": "何涛",
                "grade": 2.1,
                "read_count": 9
            }, {
                "id": "610000200907133910",
                "cover": "https://user-gold-cdn.xitu.io/2018/9/11/165c7a188e490e48",
                "title": "段知团容品",
                "desc": "压共王记研效调现报标民界命次。些科改办角严通事持持原京离。品支当世京张它受斗东结斗特。",
                "user": "潘明",
                "grade": 1.3,
                "read_count": 8974
            }, {
                "id": "130000197605297486",
                "cover": "https://user-gold-cdn.xitu.io/2018/10/29/166bdaf831fa3cce",
                "title": "去林却关场准",
                "desc": "维放干史合专成使好然红等矿圆。治改国两年人满管需国金流角。者积亲真思知保六毛数验相海调例满。委教面委动人院政反想子去支周表开等。质加斯术平转认非我响地导活空海术石。",
                "user": "雷霞",
                "grade": 3.3,
                "read_count": 2465
            }, {
                "id": "540000201106084588",
                "cover": "https://user-gold-cdn.xitu.io/2018/6/26/1643b682a5be1090?imageslim",
                "title": "化系片眼已",
                "desc": "义参响往装省计容备质叫量则角争增必保。局过取建构局来很离划便系。传什度用容今龙学一术意收们命。",
                "user": "熊艳",
                "grade": 3.5,
                "read_count": 7524
            }, {
                "id": "370000200604161199",
                "cover": "https://user-gold-cdn.xitu.io/2018/11/12/16706202cc6428df?imageslim",
                "title": "理据想共拉听",
                "desc": "相且划前铁农她器干方区组联团几。导只社处打八者传东界团想不斯调。机使是海到名来流林族化白色边响干。快温代委容长在见调思照如问素么来。利完节支部才酸众亲知到飞文儿指复。律其放品红格原少北采花及飞值。革难定后要义论就边示候象。",
                "user": "赖军",
                "grade": 4.7,
                "read_count": 6648
            }, {
                "id": "440000200101315350",
                "cover": "https://user-gold-cdn.xitu.io/2018/12/4/16779ed4b21a9fa5",
                "title": "部局于",
                "desc": "一毛别周数清京民严关十京半治。人类总龙众石许百素内例角意。铁十儿五格取林外太选身电克们响往。今织完阶容线委复各事素接领火不。种清火从己适着下指看许比府济气调的。",
                "user": "姜丽",
                "grade": 1.5,
                "read_count": 5503
            }, {
                "id": "430000198204135174",
                "cover": "https://user-gold-cdn.xitu.io/2018/10/29/166bdaf831fa3cce",
                "title": "光今叫整论只期",
                "desc": "复往再是深件清设得省消作直中打。十形不入认示工每代于表问克。些调务商状土年又去联因目格委号适队。达色石行算白海易南力花持力通权非细。",
                "user": "杨霞",
                "grade": 3.2,
                "read_count": 4811
            }, {
                "id": "210000201710308561",
                "cover": "https://user-gold-cdn.xitu.io/2018/12/4/16779ed4b21a9fa5",
                "title": "许办复候新周会",
                "desc": "共得片消之性收其酸众面很十族组矿。名地识济样业同什方二便期局。如美今点力易件化就带反斯空个断格信。据离别必长今严音中决别被。维你一总连心我之区程消明求。",
                "user": "汪霞",
                "grade": 1.4,
                "read_count": 9162
            }];

        const dailyList = [
            {
                "id": "360000200610068386",
                "cover": "https://user-gold-cdn.xitu.io/2018/4/9/162a9c24e48d274b",
                "title": "层很称象广",
                "desc": "支式究半养率白多统况民器。给拉速设热通装越运石联相里因备。细究百书铁调并位手克办角都般被无。持信声才龙收可才型导布及。家资采压品水比种较通及为思太新头。原形层声打位话叫单难利到采头难。论得认种九花家较价及交位为。",
                "progress": 6,
                "users": ["https://edu-image.nosdn.127.net/48FD2187855EA9F46CFC5E3237C61F5F.jpg", "https://edu-image.nosdn.127.net/E2532E2BB3979AA7276813F57697B572.png", "https://edu-image.nosdn.127.net/CC717976B46A1D1AF027F1192B8B76DC.jpg", "https://edu-image.nosdn.127.net/a3c43df5-0984-4506-8f9c-0acbf78d2f4f.jpg"]
            }, {
                "id": "440000198607177485",
                "cover": "https://user-gold-cdn.xitu.io/2018/12/25/167e14942f2dcf44",
                "title": "用各基维",
                "desc": "性报什果目电住始为利生面地明权越两面。根这程料经命术记需种空美议图事。度看目了作造领较一条存行又。必其产此局东为资走格较必问断国系难计。入并际每五办员参类价就土高保理议必。",
                "progress": 100,
                "users": ["https://edu-image.nosdn.127.net/48FD2187855EA9F46CFC5E3237C61F5F.jpg", "https://edu-image.nosdn.127.net/E2532E2BB3979AA7276813F57697B572.png", "https://edu-image.nosdn.127.net/CC717976B46A1D1AF027F1192B8B76DC.jpg", "https://edu-image.nosdn.127.net/a3c43df5-0984-4506-8f9c-0acbf78d2f4f.jpg"]
            }, {
                "id": "810000200801279652",
                "cover": "https://user-gold-cdn.xitu.io/2018/12/4/16779ed4b21a9fa5",
                "title": "状强提干根",
                "desc": "满量参值改除育我但持具学半阶备影。有油外山件效及消交千得无音。周素实查严意段使活当战话关与热商条五。很律主况装三半族完口事几边力儿。反会下向物使上离究数研严。",
                "progress": 41,
                "users": ["https://edu-image.nosdn.127.net/48FD2187855EA9F46CFC5E3237C61F5F.jpg", "https://edu-image.nosdn.127.net/E2532E2BB3979AA7276813F57697B572.png", "https://edu-image.nosdn.127.net/CC717976B46A1D1AF027F1192B8B76DC.jpg", "https://edu-image.nosdn.127.net/a3c43df5-0984-4506-8f9c-0acbf78d2f4f.jpg"]
            }, {
                "id": "650000198810284824",
                "cover": "https://user-gold-cdn.xitu.io/2018/12/25/167e14942f2dcf44",
                "title": "法持动被型",
                "desc": "受石得会商思应相江置取飞月影音。是队各保毛复住速地成于如织想非。代去口整利解经放面叫点叫话。才劳使争做市管直数运层格气场小下山。平权这两备王运装些验改社适族王。题己影内华口素少得题华观数平。",
                "progress": 38,
                "users": ["https://edu-image.nosdn.127.net/48FD2187855EA9F46CFC5E3237C61F5F.jpg", "https://edu-image.nosdn.127.net/E2532E2BB3979AA7276813F57697B572.png", "https://edu-image.nosdn.127.net/CC717976B46A1D1AF027F1192B8B76DC.jpg", "https://edu-image.nosdn.127.net/a3c43df5-0984-4506-8f9c-0acbf78d2f4f.jpg"]
            }, {
                "id": "140000200709050740",
                "cover": "https://user-gold-cdn.xitu.io/2018/12/24/167df457c3d66fbd",
                "title": "飞品决能团严办",
                "desc": "出历才作气维而片众志之属价图部。住打石收始南实期军验克地空党后清备。民他几济山导你过下件今来报总。往太根书称它点成论质身三新五采认。华山识音精离并安性须些水强集。",
                "progress": 5,
                "users": ["https://edu-image.nosdn.127.net/48FD2187855EA9F46CFC5E3237C61F5F.jpg", "https://edu-image.nosdn.127.net/E2532E2BB3979AA7276813F57697B572.png", "https://edu-image.nosdn.127.net/CC717976B46A1D1AF027F1192B8B76DC.jpg", "https://edu-image.nosdn.127.net/a3c43df5-0984-4506-8f9c-0acbf78d2f4f.jpg"]
            }, {
                "id": "130000198812241631",
                "cover": "https://user-gold-cdn.xitu.io/2018/12/4/16779ed4b21a9fa5",
                "title": "已民单但",
                "desc": "四代政流法用程你目期调五具。观位者你色中产层资选又发指表。内大离广计加包管六极示高者定连千事。光须列拉能米质型老进要近她政九美。干消满题得八技支文响于传酸国习确。由认色价好将成更平联党科作报。",
                "progress": 35,
                "users": ["https://edu-image.nosdn.127.net/48FD2187855EA9F46CFC5E3237C61F5F.jpg", "https://edu-image.nosdn.127.net/E2532E2BB3979AA7276813F57697B572.png", "https://edu-image.nosdn.127.net/CC717976B46A1D1AF027F1192B8B76DC.jpg", "https://edu-image.nosdn.127.net/a3c43df5-0984-4506-8f9c-0acbf78d2f4f.jpg"]
            }, {
                "id": "540000201602230927",
                "cover": "https://user-gold-cdn.xitu.io/2018/10/29/166bdaf831fa3cce",
                "title": "林称度很青",
                "desc": "并导传回标几理指清路子叫层各京。史火方原米王空门立之被道把需们示新工。区于更族活收专心外物改身。",
                "progress": 49,
                "users": ["https://edu-image.nosdn.127.net/48FD2187855EA9F46CFC5E3237C61F5F.jpg", "https://edu-image.nosdn.127.net/E2532E2BB3979AA7276813F57697B572.png", "https://edu-image.nosdn.127.net/CC717976B46A1D1AF027F1192B8B76DC.jpg", "https://edu-image.nosdn.127.net/a3c43df5-0984-4506-8f9c-0acbf78d2f4f.jpg"]
            }, {
                "id": "500000200810142612",
                "cover": "https://user-gold-cdn.xitu.io/2018/6/26/1643b682a5be1090?imageslim",
                "title": "已处空",
                "desc": "按你率百打验查线克当想人到利真感。于结色信局类心与件段究容证真眼。求属太总经难布很工温满许引又走前。矿展之对根标各明许己众开民证深叫。",
                "progress": 64,
                "users": ["https://edu-image.nosdn.127.net/48FD2187855EA9F46CFC5E3237C61F5F.jpg", "https://edu-image.nosdn.127.net/E2532E2BB3979AA7276813F57697B572.png", "https://edu-image.nosdn.127.net/CC717976B46A1D1AF027F1192B8B76DC.jpg", "https://edu-image.nosdn.127.net/a3c43df5-0984-4506-8f9c-0acbf78d2f4f.jpg"]
            }, {
                "id": "350000200402028548",
                "cover": "https://user-gold-cdn.xitu.io/2018/12/25/167e14942f2dcf44",
                "title": "自省快多并",
                "desc": "响直严任度族意习导持学况打说分。速完统查完论之术被界节化决明。任领被别深高节却每正个任五斯六快六。上地二连去意国建级样为从压每可思。下节矿海情子马区除才近红阶解选基。",
                "progress": 44,
                "users": ["https://edu-image.nosdn.127.net/48FD2187855EA9F46CFC5E3237C61F5F.jpg", "https://edu-image.nosdn.127.net/E2532E2BB3979AA7276813F57697B572.png", "https://edu-image.nosdn.127.net/CC717976B46A1D1AF027F1192B8B76DC.jpg", "https://edu-image.nosdn.127.net/a3c43df5-0984-4506-8f9c-0acbf78d2f4f.jpg"]
            }, {
                "id": "810000199204219795",
                "cover": "https://user-gold-cdn.xitu.io/2018/12/4/16779ed4b21a9fa5",
                "title": "商求世运际",
                "desc": "类流力直期然取率给持交准系通器京。别眼火变查名传要们得率况劳领。何西约酸全究米万成律派发元点社。示示酸九目育一为而进区习何京路象。市但系话下八油群想须使各要头表领油明。选西主内报因千养位机两群开还强。",
                "progress": 50,
                "users": ["https://edu-image.nosdn.127.net/48FD2187855EA9F46CFC5E3237C61F5F.jpg", "https://edu-image.nosdn.127.net/E2532E2BB3979AA7276813F57697B572.png", "https://edu-image.nosdn.127.net/CC717976B46A1D1AF027F1192B8B76DC.jpg", "https://edu-image.nosdn.127.net/a3c43df5-0984-4506-8f9c-0acbf78d2f4f.jpg"]
            }, {
                "id": "15000019720314566X",
                "cover": "https://user-gold-cdn.xitu.io/2018/9/11/165c7a188e490e48",
                "title": "命反约火感务非",
                "desc": "类全众采住品受图形劳治江量连节实。风小看联把体增采物引比北效几白确受。统道院关工每研治次法把及。快华人什件使以明战多且又。存要越花论选这织命张量达心具世任。克二积办从七率教委斯证研这。",
                "progress": 64,
                "users": ["https://edu-image.nosdn.127.net/48FD2187855EA9F46CFC5E3237C61F5F.jpg", "https://edu-image.nosdn.127.net/E2532E2BB3979AA7276813F57697B572.png", "https://edu-image.nosdn.127.net/CC717976B46A1D1AF027F1192B8B76DC.jpg", "https://edu-image.nosdn.127.net/a3c43df5-0984-4506-8f9c-0acbf78d2f4f.jpg"]
            }, {
                "id": "810000198112144226",
                "cover": "https://user-gold-cdn.xitu.io/2018/11/12/16706202cc6428df?imageslim",
                "title": "展手界主般",
                "desc": "一持水起几称马院我动空白统世。温任积市精人油效光条四号题情。红格加部许影各达值求心热家成转持交。斯现放称切山活却原布准土才关置又。义保广共养识机战入起你求始美真志。",
                "progress": 54,
                "users": ["https://edu-image.nosdn.127.net/48FD2187855EA9F46CFC5E3237C61F5F.jpg", "https://edu-image.nosdn.127.net/E2532E2BB3979AA7276813F57697B572.png", "https://edu-image.nosdn.127.net/CC717976B46A1D1AF027F1192B8B76DC.jpg", "https://edu-image.nosdn.127.net/a3c43df5-0984-4506-8f9c-0acbf78d2f4f.jpg"]
            }, {
                "id": "530000198205091349",
                "cover": "https://user-gold-cdn.xitu.io/2018/4/9/162a9c24e48d274b",
                "title": "后正京儿",
                "desc": "从与步始全电理带展建须构有热住交断。军资团七知也集查只此理成。难北人研单组又内参派火张高头老去声。话把类道很平车利毛口者由研。写红条声持斯同保高干三组金分。手产同状听这断文般基九地不。",
                "progress": 59,
                "users": ["https://edu-image.nosdn.127.net/48FD2187855EA9F46CFC5E3237C61F5F.jpg", "https://edu-image.nosdn.127.net/E2532E2BB3979AA7276813F57697B572.png", "https://edu-image.nosdn.127.net/CC717976B46A1D1AF027F1192B8B76DC.jpg", "https://edu-image.nosdn.127.net/a3c43df5-0984-4506-8f9c-0acbf78d2f4f.jpg"]
            }, {
                "id": "500000198806178559",
                "cover": "https://user-gold-cdn.xitu.io/2018/4/9/162a9c24e48d274b",
                "title": "农太形头",
                "desc": "道照何列精战家部于集存点东。空近立细断们局应个组近需万石美般酸。律张色转问需积经里装交认在组万引。",
                "progress": 80,
                "users": ["https://edu-image.nosdn.127.net/48FD2187855EA9F46CFC5E3237C61F5F.jpg", "https://edu-image.nosdn.127.net/E2532E2BB3979AA7276813F57697B572.png", "https://edu-image.nosdn.127.net/CC717976B46A1D1AF027F1192B8B76DC.jpg", "https://edu-image.nosdn.127.net/a3c43df5-0984-4506-8f9c-0acbf78d2f4f.jpg"]
            }, {
                "id": "220000199812076329",
                "cover": "https://user-gold-cdn.xitu.io/2018/12/24/167df457c3d66fbd",
                "title": "是火查线般军",
                "desc": "队统和各劳任九太期联北走等与划五海。史热别张法观此时近带有细集将价。员积斗得快是除整养间知张该。问置类养于业极生把知候往而温北公。给步些分气知集积府矿新回从商。",
                "progress": 40,
                "users": ["https://edu-image.nosdn.127.net/48FD2187855EA9F46CFC5E3237C61F5F.jpg", "https://edu-image.nosdn.127.net/E2532E2BB3979AA7276813F57697B572.png", "https://edu-image.nosdn.127.net/CC717976B46A1D1AF027F1192B8B76DC.jpg", "https://edu-image.nosdn.127.net/a3c43df5-0984-4506-8f9c-0acbf78d2f4f.jpg"]
            }, {
                "id": "330000199806263246",
                "cover": "https://user-gold-cdn.xitu.io/2018/5/17/1636d772f3d23cf1",
                "title": "需己他张",
                "desc": "电常白业状南存市完目给矿始越记需。打们着公战花争白级单起政果八。住器月始铁导流两带毛运如总法。教保好位米当去人种活之组民经料程。温将此价特品方西或连十非车且列。听何种压构场年标还这会已布点色。得方个步府矿存位眼给际会历极。",
                "progress": 83,
                "users": ["https://edu-image.nosdn.127.net/48FD2187855EA9F46CFC5E3237C61F5F.jpg", "https://edu-image.nosdn.127.net/E2532E2BB3979AA7276813F57697B572.png", "https://edu-image.nosdn.127.net/CC717976B46A1D1AF027F1192B8B76DC.jpg", "https://edu-image.nosdn.127.net/a3c43df5-0984-4506-8f9c-0acbf78d2f4f.jpg"]
            }, {
                "id": "610000200910201531",
                "cover": "https://user-gold-cdn.xitu.io/2018/9/11/165c7a188e490e48",
                "title": "事白式为",
                "desc": "将但装完为积当西下用军史量。造必花从界住五强解结参书须处出切始。收使确热总育况非机科定石所气达。就主团他际济厂成事其边议精全导。住导量系整求划内识见由龙研科才只。别必把单器劳论石色议才细正史权。",
                "progress": 89,
                "users": ["https://edu-image.nosdn.127.net/48FD2187855EA9F46CFC5E3237C61F5F.jpg", "https://edu-image.nosdn.127.net/E2532E2BB3979AA7276813F57697B572.png", "https://edu-image.nosdn.127.net/CC717976B46A1D1AF027F1192B8B76DC.jpg", "https://edu-image.nosdn.127.net/a3c43df5-0984-4506-8f9c-0acbf78d2f4f.jpg"]
            }, {
                "id": "500000198804260794",
                "cover": "https://user-gold-cdn.xitu.io/2018/5/17/1636d772f3d23cf1",
                "title": "白半风口手团",
                "desc": "命观打体好车维严必保领在布。感几自方权各住员果引时较体志万养。回除专再议条年了具必局业。步科油与法权正圆西维支然济县。",
                "progress": 21,
                "users": ["https://edu-image.nosdn.127.net/48FD2187855EA9F46CFC5E3237C61F5F.jpg", "https://edu-image.nosdn.127.net/E2532E2BB3979AA7276813F57697B572.png", "https://edu-image.nosdn.127.net/CC717976B46A1D1AF027F1192B8B76DC.jpg", "https://edu-image.nosdn.127.net/a3c43df5-0984-4506-8f9c-0acbf78d2f4f.jpg"]
            }, {
                "id": "310000198106091705",
                "cover": "https://user-gold-cdn.xitu.io/2018/11/12/16706202cc6428df?imageslim",
                "title": "体属回白",
                "desc": "分表声具易提还机现关再质育分着。切员温动那变办大外型更很农。水技立线到段六问持历划思生将。物意北图风按处厂研些号力指列证之完。较特种个划光量反之说去从口五步价。感身被马军又整革容建山性义对件。",
                "progress": 15,
                "users": ["https://edu-image.nosdn.127.net/48FD2187855EA9F46CFC5E3237C61F5F.jpg", "https://edu-image.nosdn.127.net/E2532E2BB3979AA7276813F57697B572.png", "https://edu-image.nosdn.127.net/CC717976B46A1D1AF027F1192B8B76DC.jpg", "https://edu-image.nosdn.127.net/a3c43df5-0984-4506-8f9c-0acbf78d2f4f.jpg"]
            }, {
                "id": "610000199002042322",
                "cover": "https://user-gold-cdn.xitu.io/2018/9/11/165c7a188e490e48",
                "title": "科带美整",
                "desc": "政该则广北易心自知按题前边。并题油队引接知周很结情来周量要。化儿候与构质化史资过发相养看精。个单文万就门准己处类深应百走万消党。",
                "progress": 44,
                "users": ["https://edu-image.nosdn.127.net/48FD2187855EA9F46CFC5E3237C61F5F.jpg", "https://edu-image.nosdn.127.net/E2532E2BB3979AA7276813F57697B572.png", "https://edu-image.nosdn.127.net/CC717976B46A1D1AF027F1192B8B76DC.jpg", "https://edu-image.nosdn.127.net/a3c43df5-0984-4506-8f9c-0acbf78d2f4f.jpg"]
            }];

        const usersList = [
            {
                "id": "65000019950705537X",
                "avatar": "https://user-gold-cdn.xitu.io/2018/12/24/167df457c3d66fbd",
                "name": "魏军"
            }, {
                "id": "650000197701191544",
                "avatar": "https://user-gold-cdn.xitu.io/2018/12/24/167df457c3d66fbd",
                "name": "刘超"
            }, {
                "id": "310000200104137618",
                "avatar": "https://user-gold-cdn.xitu.io/2018/12/24/167df457c3d66fbd",
                "name": "李洋"
            }, {
                "id": "650000197909275552",
                "avatar": "https://user-gold-cdn.xitu.io/2018/6/26/1643b682a5be1090?imageslim",
                "name": "武涛"
            }, {
                "id": "820000197606014023",
                "avatar": "https://user-gold-cdn.xitu.io/2018/9/11/165c7a188e490e48",
                "name": "张涛"
            }, {
                "id": "320000199809238810",
                "avatar": "https://user-gold-cdn.xitu.io/2018/11/12/16706202cc6428df?imageslim",
                "name": "赵平"
            }, {
                "id": "220000201802275770",
                "avatar": "https://user-gold-cdn.xitu.io/2018/4/9/162a9c24e48d274b",
                "name": "白军"
            }, {
                "id": "230000199211197776",
                "avatar": "https://user-gold-cdn.xitu.io/2018/9/11/165c7a188e490e48",
                "name": "魏静"
            }, {
                "id": "320000200404098448",
                "avatar": "https://user-gold-cdn.xitu.io/2018/6/26/1643b682a5be1090?imageslim",
                "name": "雷芳"
            }, {"id": "610000201008115430", "avatar": "https://user-gold-cdn.xitu.io/2018/4/9/162a9c24e48d274b", "name": "史涛"}];

        const itemsList = dailyList && dailyList.map((item, index) => {
            return <SwiperItem key={index} className='swiper-item'>
                <View className={`ds-list-item ${index === 0 ? 'first' : index === dailyList.length - 1 ? 'last' : 'center'}`}>
                    <Navigator url={'/pages/find/PageDetail/PageDetail'} className='cover'>
                        <SwiperCover image={item.cover} width={440} ratio={1} borderRadius={10}/>
                    </Navigator>
                    <View className='info mt-15' onClick={this.onItemClick.bind(this)}>
                        <View className='flex-c-sb'>
                            <Text className='text-17 text-default bold line-1 title'>{item.title}</Text>
                            <Text className='text-13 text-disable'>免费</Text>
                        </View>
                        <Text className='text-13 text-desc mt-10 line-2 desc'>{item.desc}</Text>
                        <View className='mt-10 flex-c-sb'>
                            <View className='flex-1 flex-s'>
                                <ProgressBar width={item.progress} height={6} childrenPosition='left'
                                             borderRadius={4}>
                                    <View className='flex-c'>
                                        <Text className='text-15 bold text-default'>{item.progress}</Text>
                                        <Text className='ml-5 text-11 text-disable'>%</Text>
                                    </View>

                                </ProgressBar>
                            </View>
                            <View className='flex-1 flex-s flex-c-e ml-10' style={{height: Taro.pxTransform(60)}}>
                                <AvatarList data={item.users}/>
                            </View>
                        </View>
                    </View>
                </View>
            </SwiperItem>
        });

        const new_list = [
            {
                "id": 1,
                "title": "The Time of War",
                "isbn": 9981494197322,
                "publisher": "上海人民出版社",
                "pubdate": "2001-01-01",
                "author": "Donna Gonzalez",
                "translator": "戴涛",
                "binding": "精装",
                "price": 89.44,
                "pages": 66,
                "words": 88,
                "tags": [
                    "小说",
                    "文学",
                    "名著"
                ],
                "score": 9.3,
                "review_num": 67,
                "image": "http://qiniu.library-online.cn/image1.jpg",
                "introduction": "12岁的阿富汗富家少爷阿米尔与仆人哈桑情同手足。然而，在一场风筝比赛后，发生了一件悲惨不堪的事，阿米尔为自己的懦弱感到自责和痛苦，逼走了哈桑，不久，自己也跟随父亲逃往美国。\n成年后的阿米尔始终无法原谅自己当年对哈桑的背叛。为了赎罪，阿米尔再度踏上暌违二十多年的故乡，希望能为不幸的好友尽最后一点心力，却发现一个惊天谎言，儿时的噩梦再度重演，阿米尔该如何抉择？\n故事如此残忍而又美丽，作者以温暖细腻的笔法勾勒人性的本质与救赎，读来令人荡气回肠。",
                "related_books": [
                    {
                        "id": 2,
                        "title": "天使与昆虫",
                        "isbn": 9932415312815,
                        "publisher": "上海人民出版社",
                        "pubdate": "2014-11-04",
                        "author": "Robert Smith",
                        "translator": "钱平",
                        "binding": "精装",
                        "price": 87.72,
                        "pages": 68,
                        "words": 64,
                        "tags": [
                            "小说",
                            "文学",
                            "名著"
                        ],
                        "score": 2.7,
                        "review_num": 91,
                        "image": "http://qiniu.library-online.cn/image10.jpeg",
                        "introduction": "12岁的阿富汗富家少爷阿米尔与仆人哈桑情同手足。然而，在一场风筝比赛后，发生了一件悲惨不堪的事，阿米尔为自己的懦弱感到自责和痛苦，逼走了哈桑，不久，自己也跟随父亲逃往美国。\n成年后的阿米尔始终无法原谅自己当年对哈桑的背叛。为了赎罪，阿米尔再度踏上暌违二十多年的故乡，希望能为不幸的好友尽最后一点心力，却发现一个惊天谎言，儿时的噩梦再度重演，阿米尔该如何抉择？\n故事如此残忍而又美丽，作者以温暖细腻的笔法勾勒人性的本质与救赎，读来令人荡气回肠。"
                    },
                    {
                        "id": 3,
                        "title": "老人与海",
                        "isbn": 9935002174998,
                        "publisher": "上海人民出版社",
                        "pubdate": "1985-05-19",
                        "author": "Barbara Thomas",
                        "translator": "阎军",
                        "binding": "精装",
                        "price": 89.61,
                        "pages": 70,
                        "words": 65,
                        "tags": [
                            "小说",
                            "文学",
                            "名著"
                        ],
                        "score": 1.8,
                        "review_num": 98,
                        "image": "http://qiniu.library-online.cn/image12.jpeg",
                        "introduction": "12岁的阿富汗富家少爷阿米尔与仆人哈桑情同手足。然而，在一场风筝比赛后，发生了一件悲惨不堪的事，阿米尔为自己的懦弱感到自责和痛苦，逼走了哈桑，不久，自己也跟随父亲逃往美国。\n成年后的阿米尔始终无法原谅自己当年对哈桑的背叛。为了赎罪，阿米尔再度踏上暌违二十多年的故乡，希望能为不幸的好友尽最后一点心力，却发现一个惊天谎言，儿时的噩梦再度重演，阿米尔该如何抉择？\n故事如此残忍而又美丽，作者以温暖细腻的笔法勾勒人性的本质与救赎，读来令人荡气回肠。"
                    },
                    {
                        "id": 4,
                        "title": "Church in the Glass",
                        "isbn": 9937747610343,
                        "publisher": "上海人民出版社",
                        "pubdate": "2004-11-02",
                        "author": "[法]圣-埃克苏佩里",
                        "translator": "孙强",
                        "binding": "精装",
                        "price": 90.56,
                        "pages": 71,
                        "words": 74,
                        "tags": [
                            "小说",
                            "文学",
                            "名著"
                        ],
                        "score": 6.5,
                        "review_num": 91,
                        "image": "http://qiniu.library-online.cn/image13.jpeg",
                        "introduction": "12岁的阿富汗富家少爷阿米尔与仆人哈桑情同手足。然而，在一场风筝比赛后，发生了一件悲惨不堪的事，阿米尔为自己的懦弱感到自责和痛苦，逼走了哈桑，不久，自己也跟随父亲逃往美国。\n成年后的阿米尔始终无法原谅自己当年对哈桑的背叛。为了赎罪，阿米尔再度踏上暌违二十多年的故乡，希望能为不幸的好友尽最后一点心力，却发现一个惊天谎言，儿时的噩梦再度重演，阿米尔该如何抉择？\n故事如此残忍而又美丽，作者以温暖细腻的笔法勾勒人性的本质与救赎，读来令人荡气回肠。"
                    },
                    {
                        "id": 5,
                        "title": "追风筝的人",
                        "isbn": 9950351912225,
                        "publisher": "上海人民出版社",
                        "pubdate": "1997-08-23",
                        "author": "Jose Brown",
                        "translator": "沈静",
                        "binding": "精装",
                        "price": 85.76,
                        "pages": 81,
                        "words": 77,
                        "tags": [
                            "小说",
                            "文学",
                            "名著"
                        ],
                        "score": 4.6,
                        "review_num": 100,
                        "image": "http://qiniu.library-online.cn/image14.jpg",
                        "introduction": "12岁的阿富汗富家少爷阿米尔与仆人哈桑情同手足。然而，在一场风筝比赛后，发生了一件悲惨不堪的事，阿米尔为自己的懦弱感到自责和痛苦，逼走了哈桑，不久，自己也跟随父亲逃往美国。\n成年后的阿米尔始终无法原谅自己当年对哈桑的背叛。为了赎罪，阿米尔再度踏上暌违二十多年的故乡，希望能为不幸的好友尽最后一点心力，却发现一个惊天谎言，儿时的噩梦再度重演，阿米尔该如何抉择？\n故事如此残忍而又美丽，作者以温暖细腻的笔法勾勒人性的本质与救赎，读来令人荡气回肠。"
                    },
                    {
                        "id": 6,
                        "title": "Thread",
                        "isbn": 9809490636338,
                        "publisher": "上海人民出版社",
                        "pubdate": "1986-05-30",
                        "author": "Jeffrey Williams",
                        "translator": "尹娜",
                        "binding": "精装",
                        "price": 74.42,
                        "pages": 69,
                        "words": 63,
                        "tags": [
                            "小说",
                            "文学",
                            "名著"
                        ],
                        "score": 7.1,
                        "review_num": 66,
                        "image": "http://qiniu.library-online.cn/image16.jpg",
                        "introduction": "12岁的阿富汗富家少爷阿米尔与仆人哈桑情同手足。然而，在一场风筝比赛后，发生了一件悲惨不堪的事，阿米尔为自己的懦弱感到自责和痛苦，逼走了哈桑，不久，自己也跟随父亲逃往美国。\n成年后的阿米尔始终无法原谅自己当年对哈桑的背叛。为了赎罪，阿米尔再度踏上暌违二十多年的故乡，希望能为不幸的好友尽最后一点心力，却发现一个惊天谎言，儿时的噩梦再度重演，阿米尔该如何抉择？\n故事如此残忍而又美丽，作者以温暖细腻的笔法勾勒人性的本质与救赎，读来令人荡气回肠。"
                    }
                ]
            },
            {
                "id": 7,
                "title": "十一种孤独",
                "isbn": 9838513756490,
                "publisher": "上海人民出版社",
                "pubdate": "1973-08-10",
                "author": "Angela Williams",
                "translator": "韩秀兰",
                "binding": "精装",
                "price": 80.33,
                "pages": 69,
                "words": 76,
                "tags": [
                    "小说",
                    "文学",
                    "名著"
                ],
                "score": 4.4,
                "review_num": 66,
                "image": "http://qiniu.library-online.cn/image17.jpg",
                "introduction": "12岁的阿富汗富家少爷阿米尔与仆人哈桑情同手足。然而，在一场风筝比赛后，发生了一件悲惨不堪的事，阿米尔为自己的懦弱感到自责和痛苦，逼走了哈桑，不久，自己也跟随父亲逃往美国。\n成年后的阿米尔始终无法原谅自己当年对哈桑的背叛。为了赎罪，阿米尔再度踏上暌违二十多年的故乡，希望能为不幸的好友尽最后一点心力，却发现一个惊天谎言，儿时的噩梦再度重演，阿米尔该如何抉择？\n故事如此残忍而又美丽，作者以温暖细腻的笔法勾勒人性的本质与救赎，读来令人荡气回肠。",
                "related_books": [
                    {
                        "id": 8,
                        "title": "还乡之谜",
                        "isbn": 9816622385074,
                        "publisher": "上海人民出版社",
                        "pubdate": "1972-04-02",
                        "author": "[英]毛姆",
                        "translator": "曾霞",
                        "binding": "精装",
                        "price": 60.65,
                        "pages": 61,
                        "words": 79,
                        "tags": [
                            "小说",
                            "文学",
                            "名著"
                        ],
                        "score": 0.4,
                        "review_num": 85,
                        "image": "http://qiniu.library-online.cn/image2.jpg",
                        "introduction": "12岁的阿富汗富家少爷阿米尔与仆人哈桑情同手足。然而，在一场风筝比赛后，发生了一件悲惨不堪的事，阿米尔为自己的懦弱感到自责和痛苦，逼走了哈桑，不久，自己也跟随父亲逃往美国。\n成年后的阿米尔始终无法原谅自己当年对哈桑的背叛。为了赎罪，阿米尔再度踏上暌违二十多年的故乡，希望能为不幸的好友尽最后一点心力，却发现一个惊天谎言，儿时的噩梦再度重演，阿米尔该如何抉择？\n故事如此残忍而又美丽，作者以温暖细腻的笔法勾勒人性的本质与救赎，读来令人荡气回肠。"
                    },
                    {
                        "id": 9,
                        "title": "The Ragged ",
                        "isbn": 9788121441745,
                        "publisher": "上海人民出版社",
                        "pubdate": "1999-08-12",
                        "author": "Ronald Lewis",
                        "translator": "赖伟",
                        "binding": "精装",
                        "price": 84.36,
                        "pages": 78,
                        "words": 65,
                        "tags": [
                            "小说",
                            "文学",
                            "名著"
                        ],
                        "score": 0.4,
                        "review_num": 71,
                        "image": "http://qiniu.library-online.cn/image20.png",
                        "introduction": "12岁的阿富汗富家少爷阿米尔与仆人哈桑情同手足。然而，在一场风筝比赛后，发生了一件悲惨不堪的事，阿米尔为自己的懦弱感到自责和痛苦，逼走了哈桑，不久，自己也跟随父亲逃往美国。\n成年后的阿米尔始终无法原谅自己当年对哈桑的背叛。为了赎罪，阿米尔再度踏上暌违二十多年的故乡，希望能为不幸的好友尽最后一点心力，却发现一个惊天谎言，儿时的噩梦再度重演，阿米尔该如何抉择？\n故事如此残忍而又美丽，作者以温暖细腻的笔法勾勒人性的本质与救赎，读来令人荡气回肠。"
                    },
                    {
                        "id": 10,
                        "title": "Midwife and Light",
                        "isbn": 9959586759346,
                        "publisher": "上海人民出版社",
                        "pubdate": "1980-09-03",
                        "author": "Amy Perez",
                        "translator": "尹军",
                        "binding": "精装",
                        "price": 82.23,
                        "pages": 69,
                        "words": 73,
                        "tags": [
                            "小说",
                            "文学",
                            "名著"
                        ],
                        "score": 2.5,
                        "review_num": 73,
                        "image": "http://qiniu.library-online.cn/image21.png",
                        "introduction": "12岁的阿富汗富家少爷阿米尔与仆人哈桑情同手足。然而，在一场风筝比赛后，发生了一件悲惨不堪的事，阿米尔为自己的懦弱感到自责和痛苦，逼走了哈桑，不久，自己也跟随父亲逃往美国。\n成年后的阿米尔始终无法原谅自己当年对哈桑的背叛。为了赎罪，阿米尔再度踏上暌违二十多年的故乡，希望能为不幸的好友尽最后一点心力，却发现一个惊天谎言，儿时的噩梦再度重演，阿米尔该如何抉择？\n故事如此残忍而又美丽，作者以温暖细腻的笔法勾勒人性的本质与救赎，读来令人荡气回肠。"
                    },
                    {
                        "id": 11,
                        "title": "地下时光",
                        "isbn": 9813918431543,
                        "publisher": "上海人民出版社",
                        "pubdate": "2015-09-18",
                        "author": "[哥]加西亚·马尔克斯",
                        "translator": "丁敏",
                        "binding": "精装",
                        "price": 88.13,
                        "pages": 72,
                        "words": 92,
                        "tags": [
                            "小说",
                            "文学",
                            "名著"
                        ],
                        "score": 6.8,
                        "review_num": 98,
                        "image": "http://qiniu.library-online.cn/image22.png",
                        "introduction": "12岁的阿富汗富家少爷阿米尔与仆人哈桑情同手足。然而，在一场风筝比赛后，发生了一件悲惨不堪的事，阿米尔为自己的懦弱感到自责和痛苦，逼走了哈桑，不久，自己也跟随父亲逃往美国。\n成年后的阿米尔始终无法原谅自己当年对哈桑的背叛。为了赎罪，阿米尔再度踏上暌违二十多年的故乡，希望能为不幸的好友尽最后一点心力，却发现一个惊天谎言，儿时的噩梦再度重演，阿米尔该如何抉择？\n故事如此残忍而又美丽，作者以温暖细腻的笔法勾勒人性的本质与救赎，读来令人荡气回肠。"
                    },
                    {
                        "id": 12,
                        "title": "心有林夕",
                        "isbn": 9854441060849,
                        "publisher": "上海人民出版社",
                        "pubdate": "2017-02-15",
                        "author": "Amy Thomas",
                        "translator": "丁军",
                        "binding": "精装",
                        "price": 85.76,
                        "pages": 74,
                        "words": 75,
                        "tags": [
                            "小说",
                            "文学",
                            "名著"
                        ],
                        "score": 8.4,
                        "review_num": 100,
                        "image": "http://qiniu.library-online.cn/image23.png",
                        "introduction": "12岁的阿富汗富家少爷阿米尔与仆人哈桑情同手足。然而，在一场风筝比赛后，发生了一件悲惨不堪的事，阿米尔为自己的懦弱感到自责和痛苦，逼走了哈桑，不久，自己也跟随父亲逃往美国。\n成年后的阿米尔始终无法原谅自己当年对哈桑的背叛。为了赎罪，阿米尔再度踏上暌违二十多年的故乡，希望能为不幸的好友尽最后一点心力，却发现一个惊天谎言，儿时的噩梦再度重演，阿米尔该如何抉择？\n故事如此残忍而又美丽，作者以温暖细腻的笔法勾勒人性的本质与救赎，读来令人荡气回肠。"
                    }
                ]
            },
            {
                "id": 13,
                "title": "时间简史",
                "isbn": 9856214004167,
                "publisher": "上海人民出版社",
                "pubdate": "2003-07-10",
                "author": "Larry Garcia",
                "translator": "侯娜",
                "binding": "精装",
                "price": 69.49,
                "pages": 74,
                "words": 89,
                "tags": [
                    "小说",
                    "文学",
                    "名著"
                ],
                "score": 10.6,
                "review_num": 89,
                "image": "http://qiniu.library-online.cn/image24.png",
                "introduction": "12岁的阿富汗富家少爷阿米尔与仆人哈桑情同手足。然而，在一场风筝比赛后，发生了一件悲惨不堪的事，阿米尔为自己的懦弱感到自责和痛苦，逼走了哈桑，不久，自己也跟随父亲逃往美国。\n成年后的阿米尔始终无法原谅自己当年对哈桑的背叛。为了赎罪，阿米尔再度踏上暌违二十多年的故乡，希望能为不幸的好友尽最后一点心力，却发现一个惊天谎言，儿时的噩梦再度重演，阿米尔该如何抉择？\n故事如此残忍而又美丽，作者以温暖细腻的笔法勾勒人性的本质与救赎，读来令人荡气回肠。",
                "related_books": [
                    {
                        "id": 14,
                        "title": "Destiny's Hero",
                        "isbn": 9851454321504,
                        "publisher": "上海人民出版社",
                        "pubdate": "1976-12-02",
                        "author": "Donna Gonzalez",
                        "translator": "赖娟",
                        "binding": "精装",
                        "price": 73.34,
                        "pages": 72,
                        "words": 98,
                        "tags": [
                            "小说",
                            "文学",
                            "名著"
                        ],
                        "score": 3.8,
                        "review_num": 78,
                        "image": "http://qiniu.library-online.cn/image3.jpg",
                        "introduction": "12岁的阿富汗富家少爷阿米尔与仆人哈桑情同手足。然而，在一场风筝比赛后，发生了一件悲惨不堪的事，阿米尔为自己的懦弱感到自责和痛苦，逼走了哈桑，不久，自己也跟随父亲逃往美国。\n成年后的阿米尔始终无法原谅自己当年对哈桑的背叛。为了赎罪，阿米尔再度踏上暌违二十多年的故乡，希望能为不幸的好友尽最后一点心力，却发现一个惊天谎言，儿时的噩梦再度重演，阿米尔该如何抉择？\n故事如此残忍而又美丽，作者以温暖细腻的笔法勾勒人性的本质与救赎，读来令人荡气回肠。"
                    },
                    {
                        "id": 15,
                        "title": "最后的仪式",
                        "isbn": 9925324767315,
                        "publisher": "上海人民出版社",
                        "pubdate": "1980-09-26",
                        "author": "Robert Smith",
                        "translator": "黎娟",
                        "binding": "精装",
                        "price": 68.25,
                        "pages": 85,
                        "words": 83,
                        "tags": [
                            "小说",
                            "文学",
                            "名著"
                        ],
                        "score": 5.8,
                        "review_num": 64,
                        "image": "http://qiniu.library-online.cn/image4.jpg",
                        "introduction": "12岁的阿富汗富家少爷阿米尔与仆人哈桑情同手足。然而，在一场风筝比赛后，发生了一件悲惨不堪的事，阿米尔为自己的懦弱感到自责和痛苦，逼走了哈桑，不久，自己也跟随父亲逃往美国。\n成年后的阿米尔始终无法原谅自己当年对哈桑的背叛。为了赎罪，阿米尔再度踏上暌违二十多年的故乡，希望能为不幸的好友尽最后一点心力，却发现一个惊天谎言，儿时的噩梦再度重演，阿米尔该如何抉择？\n故事如此残忍而又美丽，作者以温暖细腻的笔法勾勒人性的本质与救赎，读来令人荡气回肠。"
                    },
                    {
                        "id": 16,
                        "title": "绿皮书",
                        "isbn": 9799802375520,
                        "publisher": "上海人民出版社",
                        "pubdate": "2018-02-01",
                        "author": "Barbara Thomas",
                        "translator": "陆强",
                        "binding": "精装",
                        "price": 100.83,
                        "pages": 64,
                        "words": 79,
                        "tags": [
                            "小说",
                            "文学",
                            "名著"
                        ],
                        "score": 4.1,
                        "review_num": 75,
                        "image": "http://qiniu.library-online.cn/image5.jpg",
                        "introduction": "12岁的阿富汗富家少爷阿米尔与仆人哈桑情同手足。然而，在一场风筝比赛后，发生了一件悲惨不堪的事，阿米尔为自己的懦弱感到自责和痛苦，逼走了哈桑，不久，自己也跟随父亲逃往美国。\n成年后的阿米尔始终无法原谅自己当年对哈桑的背叛。为了赎罪，阿米尔再度踏上暌违二十多年的故乡，希望能为不幸的好友尽最后一点心力，却发现一个惊天谎言，儿时的噩梦再度重演，阿米尔该如何抉择？\n故事如此残忍而又美丽，作者以温暖细腻的笔法勾勒人性的本质与救赎，读来令人荡气回肠。"
                    },
                    {
                        "id": 17,
                        "title": "A Marriage Collection",
                        "isbn": 9847020074290,
                        "publisher": "上海人民出版社",
                        "pubdate": "2007-06-26",
                        "author": "[法]圣-埃克苏佩里",
                        "translator": "龚秀英",
                        "binding": "精装",
                        "price": 82.75,
                        "pages": 64,
                        "words": 65,
                        "tags": [
                            "小说",
                            "文学",
                            "名著"
                        ],
                        "score": 5.3,
                        "review_num": 95,
                        "image": "http://qiniu.library-online.cn/image6.jpeg",
                        "introduction": "12岁的阿富汗富家少爷阿米尔与仆人哈桑情同手足。然而，在一场风筝比赛后，发生了一件悲惨不堪的事，阿米尔为自己的懦弱感到自责和痛苦，逼走了哈桑，不久，自己也跟随父亲逃往美国。\n成年后的阿米尔始终无法原谅自己当年对哈桑的背叛。为了赎罪，阿米尔再度踏上暌违二十多年的故乡，希望能为不幸的好友尽最后一点心力，却发现一个惊天谎言，儿时的噩梦再度重演，阿米尔该如何抉择？\n故事如此残忍而又美丽，作者以温暖细腻的笔法勾勒人性的本质与救赎，读来令人荡气回肠。"
                    },
                    {
                        "id": 18,
                        "title": "Rakehell's Fog",
                        "isbn": 9952268366676,
                        "publisher": "上海人民出版社",
                        "pubdate": "2015-09-14",
                        "author": "Jose Brown",
                        "translator": "邱强",
                        "binding": "精装",
                        "price": 77.42,
                        "pages": 100,
                        "words": 80,
                        "tags": [
                            "小说",
                            "文学",
                            "名著"
                        ],
                        "score": 10.6,
                        "review_num": 95,
                        "image": "http://qiniu.library-online.cn/image7.jpg",
                        "introduction": "12岁的阿富汗富家少爷阿米尔与仆人哈桑情同手足。然而，在一场风筝比赛后，发生了一件悲惨不堪的事，阿米尔为自己的懦弱感到自责和痛苦，逼走了哈桑，不久，自己也跟随父亲逃往美国。\n成年后的阿米尔始终无法原谅自己当年对哈桑的背叛。为了赎罪，阿米尔再度踏上暌违二十多年的故乡，希望能为不幸的好友尽最后一点心力，却发现一个惊天谎言，儿时的噩梦再度重演，阿米尔该如何抉择？\n故事如此残忍而又美丽，作者以温暖细腻的笔法勾勒人性的本质与救赎，读来令人荡气回肠。"
                    }
                ]
            },
            {
                "id": 19,
                "title": "一部法国小说",
                "isbn": 9937196078039,
                "publisher": "上海人民出版社",
                "pubdate": "2003-05-09",
                "author": "Jeffrey Williams",
                "translator": "宋磊",
                "binding": "精装",
                "price": 87.53,
                "pages": 62,
                "words": 66,
                "tags": [
                    "小说",
                    "文学",
                    "名著"
                ],
                "score": 4.3,
                "review_num": 67,
                "image": "http://qiniu.library-online.cn/image8.png",
                "introduction": "12岁的阿富汗富家少爷阿米尔与仆人哈桑情同手足。然而，在一场风筝比赛后，发生了一件悲惨不堪的事，阿米尔为自己的懦弱感到自责和痛苦，逼走了哈桑，不久，自己也跟随父亲逃往美国。\n成年后的阿米尔始终无法原谅自己当年对哈桑的背叛。为了赎罪，阿米尔再度踏上暌违二十多年的故乡，希望能为不幸的好友尽最后一点心力，却发现一个惊天谎言，儿时的噩梦再度重演，阿米尔该如何抉择？\n故事如此残忍而又美丽，作者以温暖细腻的笔法勾勒人性的本质与救赎，读来令人荡气回肠。",
                "related_books": [
                    {
                        "id": 20,
                        "title": "我们始终没有牵手旅行",
                        "isbn": 9917412808824,
                        "publisher": "上海人民出版社",
                        "pubdate": "1988-12-08",
                        "author": "Angela Williams",
                        "translator": "王娜",
                        "binding": "精装",
                        "price": 95.43,
                        "pages": 85,
                        "words": 90,
                        "tags": [
                            "小说",
                            "文学",
                            "名著"
                        ],
                        "score": 7.8,
                        "review_num": 88,
                        "image": "http://qiniu.library-online.cn/image9.jpg",
                        "introduction": "12岁的阿富汗富家少爷阿米尔与仆人哈桑情同手足。然而，在一场风筝比赛后，发生了一件悲惨不堪的事，阿米尔为自己的懦弱感到自责和痛苦，逼走了哈桑，不久，自己也跟随父亲逃往美国。\n成年后的阿米尔始终无法原谅自己当年对哈桑的背叛。为了赎罪，阿米尔再度踏上暌违二十多年的故乡，希望能为不幸的好友尽最后一点心力，却发现一个惊天谎言，儿时的噩梦再度重演，阿米尔该如何抉择？\n故事如此残忍而又美丽，作者以温暖细腻的笔法勾勒人性的本质与救赎，读来令人荡气回肠。"
                    },
                    {
                        "id": 21,
                        "title": "在路上",
                        "isbn": 9799888578398,
                        "publisher": "上海人民出版社",
                        "pubdate": "2000-09-28",
                        "author": "[英]毛姆",
                        "translator": "戴明",
                        "binding": "精装",
                        "price": 60.46,
                        "pages": 93,
                        "words": 70,
                        "tags": [
                            "小说",
                            "文学",
                            "名著"
                        ],
                        "score": 8.1,
                        "review_num": 67,
                        "image": "http://qiniu.library-online.cn/image1.jpg",
                        "introduction": "12岁的阿富汗富家少爷阿米尔与仆人哈桑情同手足。然而，在一场风筝比赛后，发生了一件悲惨不堪的事，阿米尔为自己的懦弱感到自责和痛苦，逼走了哈桑，不久，自己也跟随父亲逃往美国。\n成年后的阿米尔始终无法原谅自己当年对哈桑的背叛。为了赎罪，阿米尔再度踏上暌违二十多年的故乡，希望能为不幸的好友尽最后一点心力，却发现一个惊天谎言，儿时的噩梦再度重演，阿米尔该如何抉择？\n故事如此残忍而又美丽，作者以温暖细腻的笔法勾勒人性的本质与救赎，读来令人荡气回肠。"
                    },
                    {
                        "id": 22,
                        "title": "不想告别的夏天",
                        "isbn": 9969645739611,
                        "publisher": "上海人民出版社",
                        "pubdate": "2000-01-09",
                        "author": "Ronald Lewis",
                        "translator": "沈平",
                        "binding": "精装",
                        "price": 79.85,
                        "pages": 74,
                        "words": 81,
                        "tags": [
                            "小说",
                            "文学",
                            "名著"
                        ],
                        "score": 3.3,
                        "review_num": 98,
                        "image": "http://qiniu.library-online.cn/image10.jpeg",
                        "introduction": "12岁的阿富汗富家少爷阿米尔与仆人哈桑情同手足。然而，在一场风筝比赛后，发生了一件悲惨不堪的事，阿米尔为自己的懦弱感到自责和痛苦，逼走了哈桑，不久，自己也跟随父亲逃往美国。\n成年后的阿米尔始终无法原谅自己当年对哈桑的背叛。为了赎罪，阿米尔再度踏上暌违二十多年的故乡，希望能为不幸的好友尽最后一点心力，却发现一个惊天谎言，儿时的噩梦再度重演，阿米尔该如何抉择？\n故事如此残忍而又美丽，作者以温暖细腻的笔法勾勒人性的本质与救赎，读来令人荡气回肠。"
                    },
                    {
                        "id": 23,
                        "title": "人类简史",
                        "isbn": 9801554258097,
                        "publisher": "上海人民出版社",
                        "pubdate": "1992-02-18",
                        "author": "Amy Perez",
                        "translator": "罗芳",
                        "binding": "精装",
                        "price": 82.14,
                        "pages": 94,
                        "words": 88,
                        "tags": [
                            "小说",
                            "文学",
                            "名著"
                        ],
                        "score": 6.5,
                        "review_num": 80,
                        "image": "http://qiniu.library-online.cn/image12.jpeg",
                        "introduction": "12岁的阿富汗富家少爷阿米尔与仆人哈桑情同手足。然而，在一场风筝比赛后，发生了一件悲惨不堪的事，阿米尔为自己的懦弱感到自责和痛苦，逼走了哈桑，不久，自己也跟随父亲逃往美国。\n成年后的阿米尔始终无法原谅自己当年对哈桑的背叛。为了赎罪，阿米尔再度踏上暌违二十多年的故乡，希望能为不幸的好友尽最后一点心力，却发现一个惊天谎言，儿时的噩梦再度重演，阿米尔该如何抉择？\n故事如此残忍而又美丽，作者以温暖细腻的笔法勾勒人性的本质与救赎，读来令人荡气回肠。"
                    },
                    {
                        "id": 24,
                        "title": "Destiny's Cut",
                        "isbn": 9963803004711,
                        "publisher": "上海人民出版社",
                        "pubdate": "1997-07-28",
                        "author": "[哥]加西亚·马尔克斯",
                        "translator": "马艳",
                        "binding": "精装",
                        "price": 97.75,
                        "pages": 63,
                        "words": 63,
                        "tags": [
                            "小说",
                            "文学",
                            "名著"
                        ],
                        "score": 4.3,
                        "review_num": 92,
                        "image": "http://qiniu.library-online.cn/image13.jpeg",
                        "introduction": "12岁的阿富汗富家少爷阿米尔与仆人哈桑情同手足。然而，在一场风筝比赛后，发生了一件悲惨不堪的事，阿米尔为自己的懦弱感到自责和痛苦，逼走了哈桑，不久，自己也跟随父亲逃往美国。\n成年后的阿米尔始终无法原谅自己当年对哈桑的背叛。为了赎罪，阿米尔再度踏上暌违二十多年的故乡，希望能为不幸的好友尽最后一点心力，却发现一个惊天谎言，儿时的噩梦再度重演，阿米尔该如何抉择？\n故事如此残忍而又美丽，作者以温暖细腻的笔法勾勒人性的本质与救赎，读来令人荡气回肠。"
                    }
                ]
            },
            {
                "id": 25,
                "title": "小王子",
                "isbn": 9892607590927,
                "publisher": "上海人民出版社",
                "pubdate": "2011-05-26",
                "author": "Amy Thomas",
                "translator": "钱洋",
                "binding": "精装",
                "price": 81.24,
                "pages": 80,
                "words": 75,
                "tags": [
                    "小说",
                    "文学",
                    "名著"
                ],
                "score": 3.3,
                "review_num": 62,
                "image": "http://qiniu.library-online.cn/image14.jpg",
                "introduction": "12岁的阿富汗富家少爷阿米尔与仆人哈桑情同手足。然而，在一场风筝比赛后，发生了一件悲惨不堪的事，阿米尔为自己的懦弱感到自责和痛苦，逼走了哈桑，不久，自己也跟随父亲逃往美国。\n成年后的阿米尔始终无法原谅自己当年对哈桑的背叛。为了赎罪，阿米尔再度踏上暌违二十多年的故乡，希望能为不幸的好友尽最后一点心力，却发现一个惊天谎言，儿时的噩梦再度重演，阿米尔该如何抉择？\n故事如此残忍而又美丽，作者以温暖细腻的笔法勾勒人性的本质与救赎，读来令人荡气回肠。",
                "related_books": [
                    {
                        "id": 26,
                        "title": "A Dream of Justice",
                        "isbn": 9842164383248,
                        "publisher": "上海人民出版社",
                        "pubdate": "1973-02-02",
                        "author": "Larry Garcia",
                        "translator": "陆洋",
                        "binding": "精装",
                        "price": 89.28,
                        "pages": 92,
                        "words": 96,
                        "tags": [
                            "小说",
                            "文学",
                            "名著"
                        ],
                        "score": 2.7,
                        "review_num": 98,
                        "image": "http://qiniu.library-online.cn/image16.jpg",
                        "introduction": "12岁的阿富汗富家少爷阿米尔与仆人哈桑情同手足。然而，在一场风筝比赛后，发生了一件悲惨不堪的事，阿米尔为自己的懦弱感到自责和痛苦，逼走了哈桑，不久，自己也跟随父亲逃往美国。\n成年后的阿米尔始终无法原谅自己当年对哈桑的背叛。为了赎罪，阿米尔再度踏上暌违二十多年的故乡，希望能为不幸的好友尽最后一点心力，却发现一个惊天谎言，儿时的噩梦再度重演，阿米尔该如何抉择？\n故事如此残忍而又美丽，作者以温暖细腻的笔法勾勒人性的本质与救赎，读来令人荡气回肠。"
                    },
                    {
                        "id": 27,
                        "title": "百年孤独",
                        "isbn": 9790100584300,
                        "publisher": "上海人民出版社",
                        "pubdate": "2004-09-16",
                        "author": "Donna Gonzalez",
                        "translator": "汤静",
                        "binding": "精装",
                        "price": 94.54,
                        "pages": 78,
                        "words": 82,
                        "tags": [
                            "小说",
                            "文学",
                            "名著"
                        ],
                        "score": 2.2,
                        "review_num": 67,
                        "image": "http://qiniu.library-online.cn/image17.jpg",
                        "introduction": "12岁的阿富汗富家少爷阿米尔与仆人哈桑情同手足。然而，在一场风筝比赛后，发生了一件悲惨不堪的事，阿米尔为自己的懦弱感到自责和痛苦，逼走了哈桑，不久，自己也跟随父亲逃往美国。\n成年后的阿米尔始终无法原谅自己当年对哈桑的背叛。为了赎罪，阿米尔再度踏上暌违二十多年的故乡，希望能为不幸的好友尽最后一点心力，却发现一个惊天谎言，儿时的噩梦再度重演，阿米尔该如何抉择？\n故事如此残忍而又美丽，作者以温暖细腻的笔法勾勒人性的本质与救赎，读来令人荡气回肠。"
                    },
                    {
                        "id": 28,
                        "title": "The Trophy Failure",
                        "isbn": 9908874380605,
                        "publisher": "上海人民出版社",
                        "pubdate": "2018-06-12",
                        "author": "Robert Smith",
                        "translator": "武娜",
                        "binding": "精装",
                        "price": 62.66,
                        "pages": 82,
                        "words": 60,
                        "tags": [
                            "小说",
                            "文学",
                            "名著"
                        ],
                        "score": 6.5,
                        "review_num": 65,
                        "image": "http://qiniu.library-online.cn/image2.jpg",
                        "introduction": "12岁的阿富汗富家少爷阿米尔与仆人哈桑情同手足。然而，在一场风筝比赛后，发生了一件悲惨不堪的事，阿米尔为自己的懦弱感到自责和痛苦，逼走了哈桑，不久，自己也跟随父亲逃往美国。\n成年后的阿米尔始终无法原谅自己当年对哈桑的背叛。为了赎罪，阿米尔再度踏上暌违二十多年的故乡，希望能为不幸的好友尽最后一点心力，却发现一个惊天谎言，儿时的噩梦再度重演，阿米尔该如何抉择？\n故事如此残忍而又美丽，作者以温暖细腻的笔法勾勒人性的本质与救赎，读来令人荡气回肠。"
                    },
                    {
                        "id": 29,
                        "title": "Triumph of the Empire",
                        "isbn": 9894511538111,
                        "publisher": "上海人民出版社",
                        "pubdate": "2005-11-22",
                        "author": "Barbara Thomas",
                        "translator": "余丽",
                        "binding": "精装",
                        "price": 81.36,
                        "pages": 61,
                        "words": 78,
                        "tags": [
                            "小说",
                            "文学",
                            "名著"
                        ],
                        "score": 7.7,
                        "review_num": 95,
                        "image": "http://qiniu.library-online.cn/image20.png",
                        "introduction": "12岁的阿富汗富家少爷阿米尔与仆人哈桑情同手足。然而，在一场风筝比赛后，发生了一件悲惨不堪的事，阿米尔为自己的懦弱感到自责和痛苦，逼走了哈桑，不久，自己也跟随父亲逃往美国。\n成年后的阿米尔始终无法原谅自己当年对哈桑的背叛。为了赎罪，阿米尔再度踏上暌违二十多年的故乡，希望能为不幸的好友尽最后一点心力，却发现一个惊天谎言，儿时的噩梦再度重演，阿米尔该如何抉择？\n故事如此残忍而又美丽，作者以温暖细腻的笔法勾勒人性的本质与救赎，读来令人荡气回肠。"
                    },
                    {
                        "id": 30,
                        "title": "最初的爱情",
                        "isbn": 9813067624254,
                        "publisher": "上海人民出版社",
                        "pubdate": "1986-05-30",
                        "author": "[法]圣-埃克苏佩里",
                        "translator": "梁霞",
                        "binding": "精装",
                        "price": 61.64,
                        "pages": 67,
                        "words": 90,
                        "tags": [
                            "小说",
                            "文学",
                            "名著"
                        ],
                        "score": 3.3,
                        "review_num": 65,
                        "image": "http://qiniu.library-online.cn/image21.png",
                        "introduction": "12岁的阿富汗富家少爷阿米尔与仆人哈桑情同手足。然而，在一场风筝比赛后，发生了一件悲惨不堪的事，阿米尔为自己的懦弱感到自责和痛苦，逼走了哈桑，不久，自己也跟随父亲逃往美国。\n成年后的阿米尔始终无法原谅自己当年对哈桑的背叛。为了赎罪，阿米尔再度踏上暌违二十多年的故乡，希望能为不幸的好友尽最后一点心力，却发现一个惊天谎言，儿时的噩梦再度重演，阿米尔该如何抉择？\n故事如此残忍而又美丽，作者以温暖细腻的笔法勾勒人性的本质与救赎，读来令人荡气回肠。"
                    }
                ]
            },
            {
                "id": 31,
                "title": "给樱桃以性别",
                "isbn": 9826828885734,
                "publisher": "上海人民出版社",
                "pubdate": "1993-03-03",
                "author": "Jose Brown",
                "translator": "刘磊",
                "binding": "精装",
                "price": 63.62,
                "pages": 85,
                "words": 90,
                "tags": [
                    "小说",
                    "文学",
                    "名著"
                ],
                "score": 2.1,
                "review_num": 93,
                "image": "http://qiniu.library-online.cn/image22.png",
                "introduction": "12岁的阿富汗富家少爷阿米尔与仆人哈桑情同手足。然而，在一场风筝比赛后，发生了一件悲惨不堪的事，阿米尔为自己的懦弱感到自责和痛苦，逼走了哈桑，不久，自己也跟随父亲逃往美国。\n成年后的阿米尔始终无法原谅自己当年对哈桑的背叛。为了赎罪，阿米尔再度踏上暌违二十多年的故乡，希望能为不幸的好友尽最后一点心力，却发现一个惊天谎言，儿时的噩梦再度重演，阿米尔该如何抉择？\n故事如此残忍而又美丽，作者以温暖细腻的笔法勾勒人性的本质与救赎，读来令人荡气回肠。",
                "related_books": [
                    {
                        "id": 32,
                        "title": "The Thug Chaser",
                        "isbn": 9940098401245,
                        "publisher": "上海人民出版社",
                        "pubdate": "2011-04-21",
                        "author": "Jeffrey Williams",
                        "translator": "廖杰",
                        "binding": "精装",
                        "price": 68.54,
                        "pages": 72,
                        "words": 99,
                        "tags": [
                            "小说",
                            "文学",
                            "名著"
                        ],
                        "score": 8.2,
                        "review_num": 65,
                        "image": "http://qiniu.library-online.cn/image23.png",
                        "introduction": "12岁的阿富汗富家少爷阿米尔与仆人哈桑情同手足。然而，在一场风筝比赛后，发生了一件悲惨不堪的事，阿米尔为自己的懦弱感到自责和痛苦，逼走了哈桑，不久，自己也跟随父亲逃往美国。\n成年后的阿米尔始终无法原谅自己当年对哈桑的背叛。为了赎罪，阿米尔再度踏上暌违二十多年的故乡，希望能为不幸的好友尽最后一点心力，却发现一个惊天谎言，儿时的噩梦再度重演，阿米尔该如何抉择？\n故事如此残忍而又美丽，作者以温暖细腻的笔法勾勒人性的本质与救赎，读来令人荡气回肠。"
                    },
                    {
                        "id": 33,
                        "title": "冬天的早班飞机",
                        "isbn": 9908079683773,
                        "publisher": "上海人民出版社",
                        "pubdate": "2006-02-07",
                        "author": "Angela Williams",
                        "translator": "赵伟",
                        "binding": "精装",
                        "price": 88.84,
                        "pages": 66,
                        "words": 73,
                        "tags": [
                            "小说",
                            "文学",
                            "名著"
                        ],
                        "score": 1.3,
                        "review_num": 68,
                        "image": "http://qiniu.library-online.cn/image24.png",
                        "introduction": "12岁的阿富汗富家少爷阿米尔与仆人哈桑情同手足。然而，在一场风筝比赛后，发生了一件悲惨不堪的事，阿米尔为自己的懦弱感到自责和痛苦，逼走了哈桑，不久，自己也跟随父亲逃往美国。\n成年后的阿米尔始终无法原谅自己当年对哈桑的背叛。为了赎罪，阿米尔再度踏上暌违二十多年的故乡，希望能为不幸的好友尽最后一点心力，却发现一个惊天谎言，儿时的噩梦再度重演，阿米尔该如何抉择？\n故事如此残忍而又美丽，作者以温暖细腻的笔法勾勒人性的本质与救赎，读来令人荡气回肠。"
                    },
                    {
                        "id": 34,
                        "title": "Sapphire Raiders",
                        "isbn": 9920223048430,
                        "publisher": "上海人民出版社",
                        "pubdate": "1982-05-19",
                        "author": "[英]毛姆",
                        "translator": "彭秀英",
                        "binding": "精装",
                        "price": 79.11,
                        "pages": 71,
                        "words": 97,
                        "tags": [
                            "小说",
                            "文学",
                            "名著"
                        ],
                        "score": 3.1,
                        "review_num": 91,
                        "image": "http://qiniu.library-online.cn/image3.jpg",
                        "introduction": "12岁的阿富汗富家少爷阿米尔与仆人哈桑情同手足。然而，在一场风筝比赛后，发生了一件悲惨不堪的事，阿米尔为自己的懦弱感到自责和痛苦，逼走了哈桑，不久，自己也跟随父亲逃往美国。\n成年后的阿米尔始终无法原谅自己当年对哈桑的背叛。为了赎罪，阿米尔再度踏上暌违二十多年的故乡，希望能为不幸的好友尽最后一点心力，却发现一个惊天谎言，儿时的噩梦再度重演，阿米尔该如何抉择？\n故事如此残忍而又美丽，作者以温暖细腻的笔法勾勒人性的本质与救赎，读来令人荡气回肠。"
                    },
                    {
                        "id": 35,
                        "title": "Brother's Rainbow",
                        "isbn": 9830367025701,
                        "publisher": "上海人民出版社",
                        "pubdate": "1987-04-23",
                        "author": "Ronald Lewis",
                        "translator": "胡敏",
                        "binding": "精装",
                        "price": 90.97,
                        "pages": 78,
                        "words": 75,
                        "tags": [
                            "小说",
                            "文学",
                            "名著"
                        ],
                        "score": 8.8,
                        "review_num": 76,
                        "image": "http://qiniu.library-online.cn/image4.jpg",
                        "introduction": "12岁的阿富汗富家少爷阿米尔与仆人哈桑情同手足。然而，在一场风筝比赛后，发生了一件悲惨不堪的事，阿米尔为自己的懦弱感到自责和痛苦，逼走了哈桑，不久，自己也跟随父亲逃往美国。\n成年后的阿米尔始终无法原谅自己当年对哈桑的背叛。为了赎罪，阿米尔再度踏上暌违二十多年的故乡，希望能为不幸的好友尽最后一点心力，却发现一个惊天谎言，儿时的噩梦再度重演，阿米尔该如何抉择？\n故事如此残忍而又美丽，作者以温暖细腻的笔法勾勒人性的本质与救赎，读来令人荡气回肠。"
                    },
                    {
                        "id": 36,
                        "title": "麦田里的守望者",
                        "isbn": 9922776797278,
                        "publisher": "上海人民出版社",
                        "pubdate": "1976-02-19",
                        "author": "Amy Perez",
                        "translator": "马娟",
                        "binding": "精装",
                        "price": 97.63,
                        "pages": 76,
                        "words": 68,
                        "tags": [
                            "小说",
                            "文学",
                            "名著"
                        ],
                        "score": 6.3,
                        "review_num": 62,
                        "image": "http://qiniu.library-online.cn/image5.jpg",
                        "introduction": "12岁的阿富汗富家少爷阿米尔与仆人哈桑情同手足。然而，在一场风筝比赛后，发生了一件悲惨不堪的事，阿米尔为自己的懦弱感到自责和痛苦，逼走了哈桑，不久，自己也跟随父亲逃往美国。\n成年后的阿米尔始终无法原谅自己当年对哈桑的背叛。为了赎罪，阿米尔再度踏上暌违二十多年的故乡，希望能为不幸的好友尽最后一点心力，却发现一个惊天谎言，儿时的噩梦再度重演，阿米尔该如何抉择？\n故事如此残忍而又美丽，作者以温暖细腻的笔法勾勒人性的本质与救赎，读来令人荡气回肠。"
                    }
                ]
            }
        ];

        return (
            <View className='index'>
                <AtSearchBar
                    actionName='搜索'
                    value={this.state.value}
                    onChange={this.onChange.bind(this)}
                    onActionClick={this.onActionClick.bind(this)}
                />
                <AtTabs
                    current={this.state.current}
                    scroll
                    tabList={[
                        {title: '发现'},
                        {title: '标签页2'},
                        {title: '标签页3'},
                        {title: '标签页4'},
                        {title: '标签页5'},
                        {title: '标签页6'}
                    ]}
                    onClick={this.handleClick.bind(this)}>
                    <AtTabsPane current={this.state.current} index={0}>
                        <View className='page'>
                            <View className='daily-special'>
                                <View className='page-pd'>
                                    <View className='ds-title'>
                                        <Text className='text-default text-20'>每日推荐</Text>
                                    </View>
                                    <View className='progress-view'>
                                        <Text className='number-text text-12 text-desc'>
                                            <Text className='text-15 bold text-default'>{this.state.spCurrent + 1}</Text>
                                            <Text className='ml-5 mr-5'>/</Text>{dailyList.length}</Text>
                                        <View className='progress-bar'>
                                            <Progress percent={(this.state.spCurrent + 1) / dailyList.length * 100}
                                                      activeColor={appConfig.color['color-brand']}
                                                      strokeWidth={3}
                                                      backgroundColor='f7f7f7' active activeMode='forwards'/>
                                        </View>
                                    </View>
                                </View>
                                <View className='mt-10 b-10'>
                                    <Swiper current={this.state.spCurrent} className='ds-list ' displayMultipleItems={1}
                                            nextMargin={Taro.pxTransform(240)}
                                            skipHiddenItemLayout={true} onChange={this.onSwiperChange} duration={200}>
                                        {itemsList}
                                    </Swiper>
                                </View>
                            </View>
                        </View>
                    </AtTabsPane>
                    {/*{1 === this.state.current && <AtTabsPane current={this.state.current} index={1}>*/}
                    {/*<Recommend loading={this.getLoading()}*/}
                    {/*onReload={this.onReload.bind(this)}/>*/}
                    {/*</AtTabsPane>}*/}
                    <AtTabsPane current={this.state.current} index={1}>
                        <Recommend loading={this.getLoading()} init={true}
                                   onReload={this.onReload.bind(this)}/>
                    </AtTabsPane>
                    <AtTabsPane current={this.state.current} index={2}>
                        <View className='page-pd flex-c-sb flex-w'>
                            {list && list.map((item, index) => {
                                return <View className='mb-10 flex-s' key={index}>
                                    <Navigator url={'/pages/find/PageDetail/PageDetail'}>
                                        <SwiperCover borderRadius={10}
                                                     image={item.cover}
                                                     width={330} ratio={2}/>
                                    </Navigator>
                                    <View className='mt-10'>
                                        <Text className='text-15 bold line-1 text-default'>{item.title}</Text>
                                    </View>
                                </View>
                            })}
                        </View>
                        <View className='page-pd'>
                            <Text className='text-20 bold text-default'>推荐</Text>
                        </View>
                        <Swiper style={{height: Taro.pxTransform(320)}} nextMargin={Taro.pxTransform(150)}>
                            {recommendList && recommendList.map((item, index) => {
                                return <SwiperItem key={index} style={{overflow: 'unset'}}>
                                    <View className='ml-15 mt-15  shadow-small radius-small'>
                                        <Navigator url={'/pages/find/PageDetail/PageDetail'} className='p-10 radius-small'>
                                            <CardRow coverWidth={150} coverRatio={1} coverBorderRadius={5} image={item.cover}
                                                     title={`《${item.title}》`}
                                                     desc={item.desc}
                                                     titleSize={15}
                                                     renderMore={<FlexView align='center' className='text-desc text-12'>
                                                         <Text>{item.user}</Text>
                                                         <SplitLine height={18}/>
                                                         <Text>{item.read_count}人在读</Text>
                                                     </FlexView>}
                                                     renderFooter={<FlexView align='flex-end' className='mb-5 mt-5'>
                                                         <AtRate value={item.grade} size={13}/> <Text
                                                         className='text-default bold text-15 ml-5'
                                                         style={{lineHeight: Taro.pxTransform(30)}}>{item.grade}</Text>
                                                     </FlexView>}
                                            />
                                        </Navigator>
                                    </View>
                                </SwiperItem>
                            })}
                        </Swiper>
                        <View className='page-pd'>
                            <Text className='text-20 bold text-default'>作者推荐</Text>
                        </View>
                        <Swiper
                            style={{height: Taro.pxTransform(370)}}
                            displayMultipleItems={2}
                            previousMargin={Taro.pxTransform(30)}
                            nextMargin={Taro.pxTransform(160)}>
                            {usersList && usersList.map((item, index) => {
                                return <SwiperItem key={index} style={{overflow: 'unset'}} className='mt-15'>
                                    <View style={{maxWidth: Taro.pxTransform(250)}} className='shadow-small radius pt-15 pb-15'>
                                        <FlexView direction='column' align='center'>
                                            <AtAvatar circle={true} image={item.avatar} size='normal'/>
                                            <Text className='text-15 bold text-default mt-15'>{item.name}</Text>
                                            <View className='mt-15'>
                                                <AtButton type='secondary' circle={true} size='small'><Text
                                                    className='iconfont icon-plus'/> 关注</AtButton>
                                            </View>
                                        </FlexView>
                                    </View>
                                </SwiperItem>
                            })}
                        </Swiper>
                    </AtTabsPane>
                    <AtTabsPane current={this.state.current} index={3}>
                        <View className='m2'>
                            <View className='m2_tit'>电话挪车券</View>
                            <View className="coupon-line">
                                <View className='inner'>1</View>
                            </View>
                        </View>
                    </AtTabsPane>
                    <AtTabsPane current={this.state.current} index={4}>
                        <GroupPanel
                            url={`${PAGE_URLS.BOOK_LIST}?type=hot`}
                            title='近期热门'
                            className='margin-top-lg'>
                            <HorizonList data={new_list}/>
                        </GroupPanel>
                    </AtTabsPane>
                    <AtTabsPane current={this.state.current} index={5}>
                        <View style='font-size:18px;text-align:center;height:100px;'>标签页六的内容</View>
                    </AtTabsPane>
                </AtTabs>
            </View>
        )
    }
}
